
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <script>
        /* 点击验证码图片，刷新（产生新的验证码）:
        *  1、获取页面上的img标签
        *  2、给img标签设置点击事件
        *     给img设置src属性*/
        window.onload=function () {
            var img = document.getElementById("code");
            img.onclick=function () {
                /* 缓存的原因，直接这样设置无法达到目的 */
                // img.src="/web/checkCode";
                /* 让每次访问的url不一样*/
                img.src="/web/checkCode?"+new Date().getTime();
            }
        }

    </script>
</head>
<body>
    <form action="/web/login" method="post">
        用户名：<input type="text" name="name"> <br>
        密码：<input type="password" name="password"><br>
        验证码：<input type="text" name="checkcode"><br>
        <img id="code" src="/web/checkCode"> <br>
        <input type="submit" value="登录">
    </form>
</body>
</html>